window.onload = function () {
    const vm = new Vue({
        el: '#body',
        // 数据
        data: {
            text:'',
            shuju: data,
            navarr:['文章类','相册类','个人信息'],
            header:['&#xe643;','&#xe7f1;','&#xe633;'],
            tabnum: 0,
            boxHeight: window.innerHeight,
            dlflag: true,
            dlindex: -1,
        },
        // 计算属性  不调用 可直接插入
        computed: {

        },
        // 方法
        methods: {
            clicktab:function (index) {
                this.tabnum = index;
            },
            btext(obj){
                return obj.substring(0,30) + "...";
            },
            age_click:function (index) {
                this.dlflag = !this.dlflag;
                this.dlindex = index;
            },

        },
        // 创建跟实例 组件
        components: {

        },
        // 实例创建完成后执行的钩子
        created(){
            // console.log('实例创建完成后执行的钩子');
            var url = location.search;
            var str = url.substring(1,url.length).split('=')[1];
            // console.log(str);
            if(str != undefined){
                console.log("取到",str);
                this.tabnum = str;
            }else{
                console.log("首页")
            }
        },
        // 钩子函数  后面的必须等它执行完才能执行
        mounted(){
            // console.log('mounted'); //获取原生对象的dom
            this.$nextTick(() => {
                // this.$refs.aa.style.innerHTML="123";
            });
        },
        // 组件更新之后 钩子
        updated: function () {
            $(".ph-content:nth-last-child(1) a,.ph-content:nth-last-child(2) a,.ph-content:nth-last-child(3) a").click(function () {
                $(".windows").show().find("input").val('').focus();
                return false;
            });
        }
    });   //end vue

    $(".ph-content:nth-last-child(1) a,.ph-content:nth-last-child(2) a,.ph-content:nth-last-child(3) a").click(function () {
        $(".windows").show().find("input").val('').focus();
        return false;
    });
    // 关闭遮罩层
    $(".windows").on("click",function (event) {
        event.stopPropagation();
        $(".windows").hide();
        $(".windows input").val('');
        return false;
    });
    $(".windows ul").click(function (event) {
        event.stopPropagation();
        return false;
    });
    // button点击
    $("#win-button").click(function () {
        if($(this).prev().val() === "zhusir1"){
            $(this).next().show().text("密码正确！1秒后进入...");
            setTimeout(function () {
                $(".windows").hide().find("input").val('').nextAll("p").text("密码错误！").hide();
                location.href = "html/ph1.html?a=13";
            },1000);
        }else if($(this).prev().val() === "zhusir2"){
            $(this).next().show().text("密码正确！1秒后进入...");
            setTimeout(function () {
                $(".windows").hide().find("input").val('').nextAll("p").text("密码错误！").hide();
                location.href = "html/ph1.html?a=14";
            },1000);
        }else if($(this).prev().val() === "zhusir3"){
            $(this).next().show().text("密码正确！1秒后进入...");
            setTimeout(function () {
                $(".windows").hide().find("input").val('').nextAll("p").text("密码错误！").hide();
                location.href = "html/ph1.html?a=15";
            },1000);
        }else{
            $(this).next().show();
            var that = $(this);
            setTimeout(function () {
                that.next().hide();
                // console.log($(this));
            },1000);
            $(this).prev().val('').focus();
        }
    });

    // 历史记录回退
    // if (window.history && window.history.pushState) {
    //     $(window).on('popstate', function() {
    //         var hashLocation = location.hash;
    //         var hashSplit = hashLocation.split("#!/");
    //         var hashName = hashSplit[1];
    //         if (hashName !== '') {
    //             var hash = window.location.hash;
    //             if (hash === '') {
    //                 $(".tuichu").show();
    //                 // alert('后退按钮点击');
    //                 var con=confirm("客官，你确定要退出？"); //在页面上弹出对话框
    //                 setTimeout(function () {
    //                     $(".tuichu").hide();
    //                     console.log('setTimeout');
    //                 },500);
    //
    //                 // if(con==true){
    //                 //     // window.location.href="https://www.baidu.com";
    //                 // }
    //             }
    //         }
    //     });
    //     window.history.pushState(null, null, '?aaa=0');
    // }else{
    //     $(".tuichu").hide();
    //     console.log('else');
    // }
    // JS监听手机返回键
    // console.log(window.history.length);
    // if(window.history.length === 1){
    //     console.log('index')
    // }else if(window.history.length > 1){
    //     console.log('else if');
    //     function pushHistory() {
    //         var state = {
    //             title: "1111111111title",
    //             url: "2222222222#"
    //         };
    //         window.history.pushState(state, "title", "#");
    //     }
    //     pushHistory();
    //     window.addEventListener("popstate", function(e) {
    //         window.history--;
    //         console.log(window.history--);
    //         window.history.back();
    //         // window.location = 'http://www.baidu.com';
    //     }, false);
    // }else{
    //     console.log('else');
    // }




};